<%-- 
    Document   : newjsp
    Created on : Apr 28, 2012, 5:12:53 AM
    Author     : arturodr
--%>


<%@page import="com.northwind.beans.Producto"%>
<%@page import="com.northwind.beans.Categoria"%>
<%@page import="com.northwind.beans.Proveedor"%>
<%@page import="java.util.ArrayList"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html> 
<html> 
    <head> 
        
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
    </head>
    <jsp:useBean id="listaProveedores" scope="request" type="ArrayList<Proveedor>" />
    <jsp:useBean id="listaCategoria" scope="request" type="ArrayList<Categoria>" />
    <jsp:useBean id="producto" scope="request" type="Producto" />
        <body>
        <div data-role="page" >

            <div data-role="header" data-position="inline">
                <a href="<%=request.getContextPath()%>/ListaProductoServlet" data-icon="delete">Cancelar</a>
                <h1>Editar Producto</h1>
                <!--<a href="/ProductoServet" data-icon="check" data-theme="b">Guardar</a>-->
            </div><!-- /header -->

            <div data-role="content">	

                <form method="POST" action="<%=request.getContextPath()%>/ProductoServlet" data-ajax="false">
                    <label for="txtCodigo"  >Codigo:</label>
                    <input type="text" name="txtCodigo" id="txtCodigo" value="<%=producto.getIdProducto() %>"/>
                    <label for="txtNombreProducto">Nombre Producto:</label>
                    <input type="text" name="txtNombreProducto" id="txtNombreProducto" value="<%=producto.getNombreProducto() %>"/>
                    <label for="ddlProveedor">Proveedor:</label>
                    <select name="ddlProveedor">
                        <option value="-1">Seleccione</option>
                        <% for (Proveedor proveedor : listaProveedores) {%>
                        <option value="<%=proveedor.getIdProveedor()%>" <%= (proveedor.getIdProveedor().equals(producto.getProveedor().getIdProveedor()) ? "selected" : "")%>>
                            <%=proveedor.getNombreCompanhia()%>
                        </option>
                        <% }%>
                    </select>
                    <label for="ddlCategoria">Categoria:</label>
                    <select name="ddlCategoria">
                        <option value="-1">Seleccione</option>
                        <% for (Categoria categoria : listaCategoria) {%>
                        <option value="<%=categoria.getIdCategoria()%>" <%= (categoria.getIdCategoria().equals(producto.getCategoria().getIdCategoria()) ? "selected" : "")%> >
                            <%=categoria.getNombreCategoria()%>
                        </option>
                        <% }%>
                    </select>
                    <label for="txtCantidadPorUnidad">Cantidad por Unidad:</label>
                    <input type="text" name="txtCantidadPorUnidad" id="txtCantidadPorUnidad" value="<%=producto.getCantidadPorUnidad() %>"/>
                    <label for="txtPrecioUnitario">Precio Unitario:</label>
                    <input type="text" name="txtPrecioUnitario" id="txtPrecioUnitario" value="<%=producto.getPrecio() %>"/>
                    <label for="txtStock">Unidades en Stock:</label>
                    <input type="text" name="txtStock" id="txtStock" value="<%=producto.getUnidadesEnStock() %>"/>
                    
                    <input type="submit" data-theme="b" value="Aceptar" name="btnAceptar" />

            </form>
                
                
            </div><!-- /content -->

            <div data-role="footer">
                <h1>Software para Telecomunicaciones 2</h1>
            </div><!-- /header -->

        </div>
    </body>
</html>